// Calculate CSS unit values
// -------------------------

// Vendor prefixes:
// - Chrome < 26
// - iOS 6
// - Safari 6
// - Blackberry 10
// - Firefox 4+

// No prefixes
// - Chrome 26+
// - Firefox 16+
// - IE 9+

// Not compatible
// - Opera
// - Opera Mini
// - Android browser


// Usage: `@include calc(width, "100% - 40px", 90%)`

@mixin calc($property, $expression, $fallback: null) {
  $-expression: unquote($expression);

  @if($fallback) {
    #{$property}: $fallback;
  }
  #{$property}: -moz-calc(#{$-expression});
  #{$property}: -webkit-calc(#{$-expression});
  #{$property}: calc(#{$-expression});
}
